﻿/*
[Contents]

    0- Product List
    1- Product Details
*/

/* =0 Product List 
----------------------------------------------------------*/


/* =1 Product Details
----------------------------------------------------------*/

.product-details
{
    width: 100%;
    margin: 20px 0;
    padding-bottom: 20px;
}
.product-details .product-name
{
    margin-bottom: 20px;
}
.product-details .product-images
{
    float: left;
    width: 300px;
}
.product-details .error
{
    color: Red;
}
.product-details .price strong
{
    color: #CC0000;
    font-size: 27px;
    font-weight: 700;
}
.product-details .product-info
{
    margin-left: 20px;
    min-height: 350px;
    float: left;
}
.product-details .main-info li
{
    padding-bottom: 5px;
}
.product-details .main-info li > label
{
    color: #666666;
}

.product-details .price-attributes
{
    border-top: 1px solid #EEEEEE;
    margin-bottom: 10px;
    margin-top: 5px;
    padding: 8px;
    float: left;
}
.price-attributes .attribute
{
    padding-bottom: 6px;
}

.price-attributes dl dt
{
    clear:left;
    text-align: left;
    font-weight: bold;
}

.price-attributes .quantity dt
{
    margin-right: 5px;
}

.price-attributes .attribute dd
{
    clear:left;
    width: 338px;
}
.price-attributes li
{
    background-color: #FFFFFF;
    float: left;
    line-height: 20px;
    margin: 0 4px 4px 0;
    padding: 1px;
    position: relative;
    vertical-align: middle;
}
.price-attributes li a
{
    background-color: #FFFFFF;
    border: 1px solid #C8C9CD;
    color: #000000;
    display: block;
    min-width: 10px;
    padding: 0 6px;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
    width: auto !important;
    outline: none;
}

.price-attributes ul .selected a
{
    border: 2px solid #C30008;
    margin: -1px;
}

/* Tab Bar */
.tabbar 
{
    border-bottom:1px solid #8E0101;
    clear:left;
}
.tabbar li 
{
    margin-right:1px;
    padding:0 0 0 2px;
    display:inline;
}
.tabbar li a 
{
    color:#333333;
    padding:0 22px 0 20px;
    display:inline-block;
    text-decoration:none;
    height:30px;
}
.tabbar li a:hover
{
    color:#700800;
}
.tabbar li.selected a
{
    color:#700800;
    font-size:14px;
    font-weight:700;
}
.tabbar li a em
{
    color:#2953A6;
    font-weight:700;
}

.tab-box > div
{
    min-height:300px;
}


/* Product Description */
.description .attributes
{
    background-color:#F6F6F6;
    border-bottom:1px solid #DDDDDD;
    border-top:1px solid #DDDDDD;
    margin-top:10px;
}
.description .attributes .attribute-list
{
    padding:5px;
}
.description .attributes .attribute-list li {
    height:24px;
    line-height:24px;
    overflow:hidden;
    width:230px;
    display:inline-block;
    color:#666666;
}
.description .content
{
    margin-top:15px;    
    overflow:hidden;
}

/* Prodcut Review */
.review-table 
{
    margin-top:15px;
    color:#666666;
}
.review-table thead th.remark
{
    padding-left:15px;
}
.review-table thead th
{
    background:#F8F8F8;
}
.review-table td, .review-table th
{
    border-bottom:1px solid #D5D5D5;
    padding:5px;
}
.review-table td 
{
    padding:5px 10px;
}
.review-table td .date
{
    color:#999999;
    display:block;
}

.rating-base
{
    background:url(../images/ratings.png) no-repeat;
    float:left;
    overflow:hidden;
    padding-right:4px;
    width:85px;
    height:16px;
}
.average {
    background:url(../images/ratings.png) no-repeat 0 -16px;
    text-indent:-9999px;
}
/* =2 Product Edit
-----------------------------------------------------------------*/

#product-size li label
{
    display:inline;
}

#product-size li input
{
    width:80px;
}

/* =3 Product Images 
----------------------------------------------------------------*/

#product-images
{
    float: left;
}
#product-images li
{
    float: left;
    margin: 3px;
    display: inline-block;
    border: 1px solid #CFCFCF;
    position: relative;
}
#product-images li .img-delete, .preview .img-delete
{
    position: absolute;
    right: 0;
    top: 1px;
}
#product-images li .img-edit
{
    position: absolute;
    right: 20px;
    top: 1px;
}

/* Product Question List
---------------------------------------------------------------------------------*/
#product-question-list td, #product-question-list th
{
    text-align:left;
}
#product-question-list .even
{
    background:#F7FDF8;
    display:none;
}
#product-question-list a
{
    text-decoration:underline;
}
#product-question-list .question-content
{
    border-bottom:1px dashed #DDDDDD;
    color:#666666;
    margin-bottom:5px;
}
#product-question-list .even td
{
    padding:10px 20px;
}
#product-question-list .even textarea
{
    height:150px;
}